<template>
  <div class="xinxuanfu">
     <div class="xxt">
         <span>心选特惠</span>
         <span>严选好物低价啦</span>
     </div> 
     <div class="xxb">
         <Xinxuanzi v-for="(v,i) in arr" :key="i" :imgurl="v.imgurl" :title="v.title" :fresh="v.fresh" :old="v.old"/>
     </div>
      
  </div>
</template>

<script>
import Xinxuanzi from "./xinxuanzi.vue"
export default {
    components:{
        Xinxuanzi
    },
    data(){
        return{
            arr:[
                {imgurl:"xinxuan/1.jpg",title:'爱肯拿犬粮2kg',fresh:"¥170.00",old:"¥192.00"},
                {imgurl:"xinxuan/2.jpg",title:'生鲜本能22.5磅',fresh:"¥709.00",old:"¥768.00"},
                {imgurl:"xinxuan/3.jpg",title:'燕麦脏脏棒',fresh:"¥25.00",old:"¥38.00"},
            ]
        }
    },
    
}
</script>

<style lang="scss">
    .xinxuanfu{
        width:3.55rem ;
        height: 2.04rem;
        padding: .1rem;
        background-color: #fff;
       
       .xxt{
           width: 100%;
           height: .28rem;
           line-height: .28rem;
            border-bottom: 1px solid #ccc;
       
            span:nth-of-type(1){
                font-weight: bold;
                font-size: .20rem;
            }
            span:nth-of-type(2){
                font-weight: normal;
                font-size: .12rem;
                padding-left: .05rem;
            }

        }
        .xxb{
            width: 100%;
            display: flex;
            justify-content: space-between;
            // height: 2.24rem;
        }
    }
</style>